body,
html {
    background: #fff;
}

.result-detail {
    padding: 0 .3rem;
    box-sizing: border-box;
    margin: .22rem 0;

    .detail-title {

        font-size: .32rem;
        // font-weight: 600;
        color: #333333;
        text-align: center;
    }

    .from-date {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: .4rem 0;

        .from {
            font-size: .28rem;
            flex: 1;
            color: #999999;
            text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        
        }

        .sort {
            font-size: .28rem;
            flex: 1;
            display: flex;
            justify-content: center;
            color: #999999;
        }

        .date {
            font-size: .28rem;
            flex: 1;
            display: flex;
            justify-content: center;
            color: #999999;
        }

        .collect {
            display: flex;
            align-items: center;
            flex: 1;
            img {
                width: .36rem;
                height: .34rem;
            }

            div {
                margin-left: .12rem;
                font-size: .24rem;
                
                color: #999999;
            }
        }
    }

    .keywords {
        display: flex;
        margin-top: .16rem;

        div {
            &:nth-of-type(1) {
                width: 1.5rem;
                font-size: .3rem;
                
                color: #333333;
            }

            &:nth-of-type(2) {
                flex: 1;
                font-size: .3rem;
                
                color: #333333;
            }
        }
    }

    .fujian {
        display: flex;
        margin-top: .16rem;

        div {
            &:nth-of-type(1) {
                width: 1.5rem;
                font-size: .3rem;
                
                color: #333333;
            }

            &:nth-of-type(2) {
                display: flex;
                flex-direction: column;
                flex: 1;
                align-items: flex-end;

                .file-name {
                    width: auto;
                    font-size: .3rem;
                    
                    color: #333333;
                }

                .down-file {


                    a {
                        display: flex;
                        align-items: center;

                        img {
                            width: .36rem;
                            height: .28rem;
                        }

                        span {
                            margin-left: .14rem;
                            font-size: .24rem;
                            
                            color: #2065a0;
                        }
                    }
                }
            }
        }
    }

    .collect {
        display: flex;
        align-items: center;
        justify-content: center;
        // margin-top: .24rem;

        img {
            width: .36rem;
            height: .34rem;
        }

        div {
            margin-left: .12rem;
            font-size: .24rem;
            
            color: #999999;
        }
    }

    .neirong {
        font-size: .3rem;
        
        color: #333333;
        min-height: 10rem;
        margin-top: .2rem;
        line-height: .5rem;
        text-align: justify;
        img {
            width: 100%;
            height: 100%;
        }
    }

}

.contact {
    display: block;
    width: 1.84rem;
    height: .64rem;
    margin: .7rem auto .3rem auto;
    background: linear-gradient(180deg, rgba(9, 125, 206, 1) 0%, rgba(32, 101, 160, 1) 100%);
    border-radius: .56rem;
    line-height: .64rem;
    text-align: center;
    font-size: .24rem;
    
    color: #ffffff;
}